import React, { Component } from 'react'
// 引入link组件
import {Link, NavLink} from 'react-router-dom'

export default class NotFound extends Component {
  changePage(url) {
    this.props.history.push(url); // push是在历史记录新增一条记录
    // this.props.history.replace(url); // replace是用新的记录替换老的记录
    // this.props.history.go(1); // go里面的参数是非零的整数，大于零表示前进，小于零表示后退
    // this.props.history.goBack(); // 后退一页
  }
  render() {
    return (
      <div>
        <h1>您输入的地址有误，请检查！</h1>
        {/* 编程式导航 */}
        <button onClick={()=>this.changePage('/')}>home</button>
        <button onClick={()=>this.changePage('/notfound')}>404页</button>
        <button onClick={()=>this.changePage('/login')}>登录页</button>
      </div>
    )
  }
}
